<template>
  <q-card flat style="width: 700px; max-width: 80vw; height: 70vw">
    <q-tabs v-model="tab">
      <q-tab name="user" label="用户" />
      <q-tab name="tag" label="标签" />
      <q-tab name="topic" label="话题" />
    </q-tabs>
    <q-tab-panels v-model="tab" animated>
      <q-tab-panel name="user">
        <UserTab></UserTab>
      </q-tab-panel>
      <q-tab-panel name="tag">
        <TagTab></TagTab>
      </q-tab-panel>
      <q-tab-panel name="topic">
        <TopicTab></TopicTab>
      </q-tab-panel>
    </q-tab-panels>
  </q-card>
</template>

<script setup lang="ts">
import UserTab from './follow-dig/UserTab.vue';
import TagTab from './follow-dig/TagTab.vue';
import TopicTab from './follow-dig/TopicTab.vue';
import { ref } from 'vue';
const tab = ref('user');
</script>

<style scoped></style>
